{% load staticfiles %}
<!DOCTYPE html>
<html>
<head>
    <title>本大师礼品</title>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="{% static 'js/jquery-2.1.3.min.js' %}"></script>
    <!-- Custom Theme files -->
    <!--theme-style-->
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet" type="text/css" media="all" />
    <!--//theme-style-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Fashion Mania Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />

    <link href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet" type="text/css" media="all" />
    <link href="{% static 'css/animate.min.css' %}" rel="stylesheet" type="text/css" media="all" />
    <link href="{% static 'css/main.min.css' %}" rel="stylesheet" type="text/css" media="all" />
    <link href="http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css" media="all" />
    <link href="http://fonts.googleapis.com/css?family=Fira+Sans:400,300,300italic,400italic,500,500italic,700,700italic" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="{% static 'js/bootstrap.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/bootstrap-hover-dropdown.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/owl.carousel.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/perfect-scrollbar.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/jquery-ui.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/jquery.customSelect.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/jquery.easing-1.3.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/wow.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/echo.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/scripts.js' %}"></script>

</head>
<body>

    <div id="wrapper" >
        <div id="page-content-wrapper" class="st-pusher">
            <div class="st-pusher-after"></div>
            <!-- ============================================== HEADER ============================================== -->

	<header class="header">

		<nav class="navbar navbar-bookshop navbar-static-top" role="navigation">
    <div class="container">
        <div class="row">
            <div class="col-md-5 hidden-xs hidden-sm">
                <ul class="nav navbar-nav">
                    <li><a href="single-book.html" tppabs="single-book.html">线上商品</a></li>
                    <li><a href="about.html" tppabs="about.html">关于我们</a></li>
                    <li><a href="about.html" tppabs="about.html">新闻资讯</a></li>
                    <li><a href="contact.html" tppabs="contact.html">合作案例</a></li>
                    <li><a href="contact.html" tppabs="contact.html">联系我们</a></li>
                </ul><!-- /.nav -->
            </div><!-- /.col -->
            <div class="col-md-3 col-xs-10 col-sm-10 navbar-left">

                <p class='text-center'><a href="#"><span class="icon glyphicon glyphicon-earphone"></span> +0755-29529525</a></p>

            </div><!-- /.col -->
            <div class="col-md-4 col-sm-2">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden-xs hidden-sm"><a href="contact.html" tppabs="contact.html">收藏本站</a></li>
                    <li class="hidden-xs hidden-sm"><a href="single-book.html" tppabs="single-book.html">关注公众号</a></li>
                    <li class="hidden-xs hidden-sm">
                           {% if not request.user.is_authenticated %}
                            <li class='active'><a href="{% url 'login' %}">登陆</a></li>
                            <li class="divider"></li>
                            <li><a href="{% url 'register' %}">注册</a></li>
                         {% else %}
                            <li class='active'><a href="#">{{ request.user.username }}</a></li>
                            <li class="divider"></li>
                            <li><a href="{% url 'logout' %}">退出</a></li>
                        {% endif %}
                     </li>
                    <li class="icon icon-small hidden-xs"><a data-toggle="modal" data-target="#modal-login-big" href="#"><i class="icon fa fa-lock"></i></a></li>
                    <li class="icon hidden-lg hidden-sm hidden-md"><a data-toggle="modal" data-target="#modal-login-small" href="#"><i class="icon fa fa-lock"></i></a></li>
                </ul><!-- /.nav -->
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container -->
</nav><!-- /.navbar -->


<!-- Modal -->
<div id="modal-login-big" class="modal login fade hidden-xs"  tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="text-center">
                    <ul class="login-list clearfix ">
                        {% if not request.user.is_authenticated %}
                            <li class='active'><a href="{% url 'login' %}">登陆</a></li>
                            <li class="divider"></li>
                            <li><a href="{% url 'register' %}">注册</a></li>
                         {% else %}
                            <li class='active'><a href="#">{{ request.user.username }}</a></li>
                            <li class="divider"></li>
                            <li><a href="{% url 'logout' %}">退出</a></li>
                        {% endif %}

                    </ul>
{% include "login_index.html"%}


		<div class="main-header">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-4 col-md-4 top-search-holder m-t-10">
						<!-- ============================================== SEARCH BAR ============================================== -->
<form class="search-form" role="search">
	<div class="form-group">
		<label class="sr-only" for="page-search">输入您想要的商品</label>
		<input id="page-search" class="search-input form-control" type="search" placeholder="Search product">
	</div>
	<button class="page-search-button">
		<span class="fa fa-search">
			<span class="sr-only">Search</span>
		</span>
	</button>
</form>
<!-- ============================================== SEARCH BAR : END ============================================== -->					</div><!-- /.top-search-holder -->

					<div class="col-xs-12 col-sm-4 col-md-4 text-center logo-holder">
						<!-- ============================================== LOGO ============================================== -->
<a href="home.html" tppabs="home.html">
	<h1 class="logo">本大师礼品</h1>
	<div class="logo-subtitle">
		<span>欢迎你的到来</span>
	</div><!-- /.logo-subtitle -->
</a>
<!-- ============================================== LOGO : END ============================================== -->					</div><!-- /.logo-holder -->

					<div class="col-xs-12  col-md-2 header-shippment hidden-sm m-t-10">
						<!-- ============================================== FREE DELIVERY ============================================== -->
<div class="media free-delivery hidden-xs ">
	<span class="media-left"><img src="{% static 'img/delivery-icon.png' %}" tppabs="assets/images/delivery-icon.png" height="48" width="48" alt=""></span>
	<div class="media-body">
		<h5 class="media-heading">免费打样</h5>
	</div>
</div>
<!-- ============================================== FREE DELIVERY : END ============================================== -->					</div><!-- /.header-shippment -->

					<div class="col-xs-12 col-sm-4 col-md-2 animate-dropdown1 top-cart-row m-t-10">
						<!-- ============================================== SHOPPING CART DROPDOWN ============================================== -->
<ul class="clearfix shopping-cart-block list-unstyled">
    <li class="dropdown">
        <a class="menu-toggle-right clearfix" href="{% url 'view_cart' %}" >
            <span class="pull-right cart-right-block">
                <img src="{% static 'img/cart-icon.png' %}" tppabs="assets/images/cart-icon.png" alt="" width="46" height="39" />
            </span><!-- /.cart-right-block -->
            <span class="pull-right cart-left-block">
                {% if request.user.is_authenticated %}
                                {% if cart.total_price %}
                                    <span class="cart-block-heading">{{ cart.total_price }}元</span>
                            {% else %}
                                    <span class="cart-block-heading">0.0元</span>
                                {% endif %}
                                {% else %}
                                   <span class="cart-block-heading">0.0元</span>
                            {% endif %}


                <span class="hidden-xs">2 items</span>
            </span><!-- /.cart-left-block -->

        </a>
        <p><a href="{% url 'clean_cart' %}" class="simpleCart_empty">清空购物车</a></p>
    </li>
</ul> <!-- /.list-unstyled -->
<!-- ============================================== SHOPPING CART DROPDOWN : END ============================================== -->					</div><!-- /.top-cart-row -->
				</div><!-- /.row -->

			</div><!-- /.container -->

		</div><!-- /.main-header -->



{% include "nav.html"%}

{% include "daohang.html"%}


<!-- ============================================== HEADER : END ============================================== -->




<!--banner-->
{% block banner_block %}{% endblock %}
<!--//banner-->
<!--content-->
{% block content_block %}{% endblock %}
<!--//content-->
<!--footer--></div>
{% include "footer.html"%}

</body>
</html>